.x-menu-light {
  &.x-menu-horizontal {
    border-bottom: none;
  }

  &.x-menu-horizontal {
    & > .x-menu-item:hover::after,
    & > .x-menu-item-selected::after,
    & > .x-menu-submenu-selected::after,
    & > .x-menu-submenu:hover::after,
    & > .x-menu-item-active::after,
    & > .x-menu-item-open::after,
    & > .x-menu-submenu-active::after,
    & > .x-menu-submenu-open::after {
      border-width: 0 0 2px 0;
    }
  }
}

.x-avatar {
  @apply inline-flex justify-center items-center;
}

.x-btn {
  @apply inline-flex justify-center items-center;
}

.x-modal {
  .x-modal-content {
    background-color: var(--content-bg);
  }
}

.x-modal-confirm .x-modal-confirm-body {
  .x-modal-confirm-title {
    color: var(--custom-font);
  }
  .x-modal-confirm-content {
    color: var(--transparent-font);
  }
}

.x-popover {
  .x-popover-inner {
    padding: 0;
  }

  .x-popover-inner-content {
    .x-card-cover {
      max-width: 320px;
      overflow: hidden;
    }
  }
}

.x-notification-notice {
  background-color: var(--message-bg);
  color: var(--custom-font);

  .anticon-close {
    color: var(--transparent-font);
  }

  .x-notification-notice-message {
    color: var(--custom-font);
  }
}

.x-message-notice .x-message-notice-content {
  background-color: var(--message-bg);
  color: var(--custom-font);
}

.x-modal-confirm .x-modal-confirm-body {
  .x-modal-confirm-title {
    color: var(--custom-font);
  }
  .x-modal-confirm-content {
    color: var(--transparent-font);
  }
}

.x-close.x-notification-close-icon {
  color: var(--custom-font);
}

.x-table.x-table-bordered {
  overflow: scroll;
}
